.cards {
  .input_name {
    display: flex;
    align-items: center;

    .input {
      width: 170px;
    }
  }
  .card {
    margin-top: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;

    .mar {
      margin-right: 20px;
    }

    .type {
      margin-left: 15px;
    }

    .number {
      display: flex;
      align-items: center;
      justify-content: center;
      flex: 1;

      .num {
        font-size: 24px;
        color: #007cff;
      }
    }
  }

  .list {
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f2f2f2;
    border: 1px solid rgba(0, 0, 0, 0.125);

    .name {
      font-weight: bold;
      height: 40px;
      line-height: 40px;
    }

    .text {
      color: $primaryColor;
    }
  }

  .table {
    .tbody {
      display: block;
      width: 100%;
      max-height: 400px !important;
      overflow: auto !important;
    }

    table {
      width: 100%;
      border-collapse: collapse;

      tr {
        display: grid;
        grid-template-columns: 2fr 2fr 1fr 1fr 62px;
        column-gap: 8px;

        td {
          padding-bottom: 10px;
        }

        th {
          padding: 10px 0;
          text-align: left;

          .fa-asterisk {
            color: #ff5833a6;
            font-size: 2px;
            transform: scale(0.5);
            position: relative;
            top: -2px;
            margin-right: 4px;
          }

          .btn_add {
            padding: 0 4px;
            height: 2vh;
            color: $primaryColor;
            border-radius: 2px;

            &:hover {
              border-color: $primaryColor;
              color: #fff;
              background-color: $primaryColor;
            }
          }
        }
      }

      .part {
        width: 100%;
      }

      .num-inp {
        width: 100%;
      }

      .delete {
        color: #f56c6c;
        cursor: pointer;
      }

      .btn {
        margin-top: 10px;
        height: 28px;
        line-height: 26px;
        padding: 0 6px;
        color: #ffffff;
        font-weight: 400;
        border-radius: 2px;
        border: 1px solid #e5e5e5;
        font-size: 14px;
        background-color: #007cff;
        border-color: #007cff;
        cursor: pointer;
      }
    }
  }
}

.btns {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 25px;
  margin-bottom: 10px;
}

.btn_save {
  width: 60px;
}

.btn_cancel {
  width: 60px;
}
